<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>滴答办公系统-部门新增</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="media/layui/css/layui.css" media="all">
<%--	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js"></script>--%>
	<script src="/media/js/jquery.min.js"></script>
</head>
<body>

	<div class="layui-container" style="margin-top: 5px">
		<form class="layui-form" action="/addDepart" method="post">
			<div class="layui-form-item">
				<label class="layui-form-label">部门编号</label>
				<div class="layui-input-block">
					<input type="text" name="id" readonly lay-verify="name" autocomplete="off"
						 class="layui-input" disabled="disabled" placeholder="自动添加,无需填写!">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">部门名称</label>
				<div class="layui-input-block">
					<input type="text" name="name" lay-verify="name" autocomplete="off"
						placeholder="请输入部门周期" class="layui-input">
				</div>
			</div>
			
			<div class="layui-form-item">
				<label class="layui-form-label">创立日期</label>
				<div class="layui-input-block">
				 <input type="text" name="createdate" placeholder="请输入创立日期" id="date" autocomplete="off" class="layui-input">
				</div>
			</div>
			
			<div class="layui-form-item">
				<input class="layui-btn" style="margin-left: 10%" type="button" value="确认新增" onclick="add_Depart()">
			</div>
		</form>
	</div>


	<script src="https://cdn.bootcdn.net/ajax/libs/layui/2.4.3/layui.all.js"></script>
	<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
	<script>
		layui.use(
						[ 'form', 'laydate' ],
						function() {
							var form = layui.form, layer = layui.layer, laydate = layui.laydate;

							//日期
							laydate.render({
								elem : '#date'
							});
							

							//自定义验证规则
							form.verify({
								title : function(value) {
									if (value.length < 5) {
										return '标题至少得5个字符啊';
									}
								},
								pass : [ /(.+){6,12}$/, '密码必须6到12位' ],
								content : function(value) {
									layedit.sync(editIndex);
								}
							});
		});
	</script>
	<script type="text/javascript">
		//添加部门
		function add_Depart() {
			var name = $("[name = 'name']").val();
			var createdate = $("[name = 'createdate']").val();
			$.getJSON("/addDepart",{"name":name,"createdate":createdate},function (result) {
				if (result.status == 200){
					layer.msg(result.message)
					$("[name = 'name']").val("");
					$("[name = 'createdate']").val("");
					location.href="/departPageList/1/5";
				}else{
					layer.msg(result.message);
					 $("[name = 'name']").val("");
					 $("[name = 'createdate']").val("");
				}
			})
		}
	</script>
</body>
</html>